<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<link rel="stylesheet" href="css/base.css">
		<link rel="stylesheet" href="css/home.css">
		<link rel="stylesheet" href="css/setbootbox.css">
		<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
		<script src="js/jquery.cookie.js"></script>
		<script src="js/login.js"></script>
		<script src="js/regist.js"></script>
		<script src="js/forget.js"></script>
		<title>舆情首页</title>
	</head>
	<body>
		<div id="mask"></div>
		<div class="index-container">
			<!--登陆注册-->
			<div class="login clearfix">
				<p class="fr">
					<span id="load">登陆</span>
					<span id="registe">注册</span>
				</p>
			</div>
			<!--登陆弹框-->
			<div class="login-container box">
				<div class="delete"><img src="images/delete.png" /></div>
				<div class="login-title">密码登陆</div>
				<div class="login-line"><span></span></div>
				<div class="inputs">
					<div class="tel-box">
						<input type="tel" placeholder="手机号" class="change-input" id="tel_1" />
						<div class="err-tel" id="errTel_1">*请输入手机号</div>
					</div>
					<div class="pwd-box">
						<input type="password" placeholder="密码" class="change-input" id="pwd_1" />
						<div class="err-tel" id="errPwd_1">*请输入密码</div>
					</div>
					<div>
						<input class="login-btn" type="button" value="登陆" id="login" />
					</div>
					<div class="next clearfix">
						<div class="next-auto fl">
							<input type="checkbox" class="checkbox" id="ck_rmbUser" onclick="Save()">
							<span>下次自动登录</span>
						</div>
						<div class="forget fr ">
							<a href="javascript:void(0)" id="forgetpwd"><span>忘记密码</span></a>
							<span class="vertical-line ">&nbsp;</span>
							<a href="javascript:void(0)" id="login_registe"><span>注册</span></a>
						</div>
					</div>
				</div>
				<div class="third-party-logins ">
					<p>第三方账号登陆</p>
					<div class="third-party ">
						<ul>
							<li><img src="images/logins.jpg " /></li>
							<li><img src="images/logins.jpg " /></li>
							<li><img src="images/logins.jpg " /></li>
						</ul>
					</div>
				</div>
			</div>
			<!--注册弹框-->
			<div class="registe-container box ">
				<div class="delete "><img src="images/delete.png " /></div>
				<div class="login-title ">用户注册</div>
				<div class="login-line "><span></span></div>
				<div class="inputs ">
					<div class="tel-box ">
						<input type="text" placeholder="手机号 " class="change-input " id="tel_2" />
						<div class="err-tel" id="errTel_2">*请输入手机号</div>
					</div>
					<div class="identifying ident-box ">
						<input type="num" placeholder="验证码 " class="change-input " id="code_2" />
						<input type="button" class="identifying-code " value="获取验证码 " id="identCode_2">
						<div class="err-tel" id="errCode_2">*请输入验证码</div>
					</div>
					<div class="pwd-box ">
						<input type="password" placeholder="输入密码 " class="change-input " id="pwd_2" />
						<div class="err-tel" id="errPwd_2">*请输入密码</div>
					</div>
					<div>
						<input class="login-btn " type="button" value="注册 " value="注册 " id="zhuce" />
					</div>
				</div>
			</div>

			<!--忘记密码弹框-->
			<div class="forgetpwd-container box ">
				<div class="delete "><img src="images/delete.png " /></div>
				<div class="login-title ">忘记密码</div>
				<div class="login-line "><span></span></div>
				<div class="inputs ">
					<div class="tel-box ">
						<input type="text " placeholder="手机号 " class="change-input " id="tel_3" />
						<div class="err-tel" id="errTel_3">*请输入手机号</div>
					</div>
					<div class="identifying ident-box ">
						<input type="num" placeholder="验证码 " class="change-input " id="code_3" />
						<input type="button" class="identifying-code " value="获取验证码 " id="identCode_3">
						<div class="err-tel" id="errCode_3">*请输入验证码</div>
					</div>
					<div class="pwd-box ">
						<input type="password " placeholder="输入密码 " class="change-input " id="pwd_3" />
						<div class="err-tel" id="errPwd_3">*请输入密码</div>
					</div>
					<div>
						<input class="login-btn " type="button" value="重新登陆 " id="forgetPwd" />
					</div>
				</div>
			</div>

			<div class="index-box-header ">
				<!--logo-->
				<div class="header">
					<img src="images/logo.png " />
				</div>

				<!--搜索框-->
				<div class="searchbox ">
					<div class="search-input clearfix ">
						<ul class="clearfix ">
							<li class="bgcolor">
								舆情
							</li>
							<li>
								企业
							</li>
							<li>
								产品
							</li>
						</ul>
					</div>

					<div class="search-content clearfix ">

						<div class="one1-box ">

							<input type="text" value="" id="search_1" placeholder="美国 特朗普 " /><button type="button " class="one " id="one " onclick="search1() ">搜索</button>
						</div>
						<div>
							<a href="javascript:void(0) "><span class="two fr " id="customMade">舆情定制</span></a>
						</div>
					</div>
					<div class="search-list clearfix " id="search-list ">
						<ul class="clearfix ">
							<li id="searchkey">大家都在搜：</li>
						</ul>
					</div>
				</div>
			</div>

			<!--主体内容-->
			<div class="main-body clearfix " id="main-body ">
				<div class="clearfix ">
					<div class="left-box fl ">
						<!--一条数据-->
						<div class="left-item clearfix ">
							<div class="item-header clearfix " onclick="javascript:window.location='companyDetail.html' ">
								<div class="item-name fl ">
									<div class="header-img fl ">
										<img src="images/companyLogo.png ">
									</div>
									<div class="header-infro fl ">
										<div class="header-title ">
											达内教育
										</div>
										<div class="header-hot clearfix ">
											<div class="fl header-hot-txt ">热度指数</div>
											<div class="hot-progress fr ">
												<div class="progress-val " id="bar_width ">5642</div>
												<div class="progress-bar ">
													<span class="progress-in " id="bar "></span>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="item-keyword fr ">
									<ul>
										<li>关键词 :</li>
										<li>工作好</li>
										<li>老师负责</li>
										<li>老师好</li>
									</ul>
								</div>
							</div>
							<div class="item-content ">
								<div class="clearfix ">
									<p class="fl ">
										<a href="# "><span class="item-content-title ">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
										<span class="item-content-source ">达内科技是国内的职业教育机构</span>
									</p>
									<div class="item-content-time fr ">一天前</div>
								</div>
								<div class="clearfix ">
									<p class="fl ">
										<a href="# "><span class="item-content-title ">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
										<span class="item-content-source ">百家号</span>
									</p>
									<div class="item-content-time fr ">22小时后</div>
								</div>
								<div class="clearfix ">
									<p class="fl ">
										<a href="# "><span class="item-content-title ">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
										<span class="item-content-source ">东方网</span>
									</p>
									<div class="item-content-time fr ">一天前</div>
								</div>
							</div>
						</div>

						<!--一条数据-->
						<div class="left-item clearfix ">
							<div class="item-header clearfix " onclick="javascript:window.location='companyDetail.html' ">
								<div class="item-name fl ">
									<div class="header-img fl ">
										<img src="images/companyLogo.png ">
									</div>
									<div class="header-infro fl ">
										<div class="header-title ">
											达内教育
										</div>
										<div class="header-hot clearfix ">
											<div class="fl header-hot-t ">热度指数</div>
											<div class="hot-progress fl ">
												<div class="progress-val " id="bar_width ">5642</div>
												<div class="progress-bar ">
													<span class="progress-in " id="bar "></span>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="item-keyword fr ">
									<ul>
										<li>关键词 :</li>
										<li>工作好</li>
										<li>老师负责</li>
										<li>老师好</li>
									</ul>
								</div>
							</div>
							<div class="item-content ">
								<div class="clearfix ">
									<p class="fl ">
										<a href="# "><span class="item-content-title ">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
										<span class="item-content-source ">达内科技是国内的职业教育机构</span>
									</p>
									<div class="item-content-time fr ">一天前</div>
								</div>
								<div class="clearfix ">
									<p class="fl ">
										<a href="# "><span class="item-content-title ">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
										<span class="item-content-source ">百家号</span>
									</p>
									<div class="item-content-time fr ">22小时后</div>
								</div>
								<div class="clearfix ">
									<p class="fl ">
										<a href="# "><span class="item-content-title ">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
										<span class="item-content-source ">东方网</span>
									</p>
									<div class="item-content-time fr ">一天前</div>
								</div>
							</div>
						</div>

						<!--一条数据-->
						<div class="left-item clearfix ">
							<div class="item-header clearfix " onclick="javascript:window.location='companyDetail.html' ">
								<div class="item-name fl ">
									<div class="header-img fl ">
										<img src="images/companyLogo.png ">
									</div>
									<div class="header-infro fl ">
										<div class="header-title ">
											达内教育
										</div>
										<div class="header-hot clearfix ">
											<div class="fl header-hot-txt ">热度指数</div>
											<div class="hot-progress fr ">
												<div class="progress-val " id="bar_width ">5642</div>
												<div class="progress-bar ">
													<span class="progress-in " id="bar "></span>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="item-keyword fr ">
									<ul>
										<li>关键词 :</li>
										<li>工作好</li>
										<li>老师负责</li>
										<li>老师好</li>
									</ul>
								</div>
							</div>
							<div class="item-content ">
								<div class="clearfix ">
									<p class="fl ">
										<a href="javascript:void(0) "><span class="item-content-title ">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
										<span class="item-content-source ">达内科技是国内的职业教育机构</span>
									</p>
									<div class="item-content-time fr ">一天前</div>
								</div>
								<div class="clearfix ">
									<p class="fl ">
										<a href="javascript:void(0) "><span class="item-content-title ">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
										<span class="item-content-source ">百家号</span>
									</p>
									<div class="item-content-time fr ">22小时后</div>
								</div>
								<div class="clearfix ">
									<p class="fl ">
										<a href="# "><span class="item-content-title ">达内</span>科技出版青少年IT教育书籍，培养人才从小抓起</a>
										<span class="item-content-source ">东方网</span>
									</p>
									<div class="item-content-time fr ">一天前</div>
								</div>
							</div>
						</div>
					</div>
					<div class="right-box fr ">
						<div class="hot-title ">热门产品</div>
						<!--一条数据-->
						<div class="item-list clearfix " onclick="javascript:window.location='productDetail.html' ">
							<div class="fl item-list-img "><img src="images/productLogo.png " /></div>
							<div class="item-txt fl ">
								<div class="item-txt-title ">小雷达（产品名）</div>
								<div class="item-txt-name ">企雷达科技股份有限公司</div>
								<div class="item-txt-content ">小雷达的一段产品介绍，研发过小雷达的一段产品介绍，研发过程很艰辛，投入很大很好用的一款新产品什么什么之类的,投入很大很好用的一款新产品什么什么之类的</div>
							</div>
						</div>

						<!--一条数据-->
						<div class="item-list clearfix " onclick="javascript:window.location='productDetail.html' ">
							<div class="fl item-list-img "><img src="images/productLogo.png " /></div>
							<div class="item-txt fl ">
								<div class="item-txt-title ">小雷达（产品名）</div>
								<div class="item-txt-name ">企雷达科技股份有限公司</div>
								<div class="item-txt-content ">小雷达的一段产品介绍，研发过小雷达的一段产品介绍，研发过程很艰辛，投入很大很好用的一款新产品什么什么之类的,投入很大很好用的一款新产品什么什么之类的</div>
							</div>
						</div>

						<!--一条数据-->
						<div class="item-list clearfix " onclick="javascript:window.location='productDetail.html' ">
							<div class="fl item-list-img "><img src="images/productLogo.png " /></div>
							<div class="item-txt fl ">
								<div class="item-txt-title ">小雷达（产品名）</div>
								<div class="item-txt-name ">企雷达科技股份有限公司</div>
								<div class="item-txt-content ">小雷达的一段产品介绍，研发过小雷达的一段产品介绍，研发过程很艰辛，投入很大很好用的一款新产品什么什么之类的,投入很大很好用的一款新产品什么什么之类的</div>
							</div>
						</div>
					</div>
				</div>
				<div class="index-more clearfix ">
					<!--<div class="line fl "></div>-->
					<span class="more-txt ">登陆查看更多</span>
					<!--<div class="line fr "></div>-->
				</div>
			</div>
			<div class="arrow " id="arrow">
				<img src="images/arrow.png " />
			</div>
		</div>
		<script>
			$(document).ready(function() {
				getSearchWord();
			});

			$(".search-input ul li").click(function() {
				$(this).addClass("bgcolor");
				$(this).siblings().removeClass("bgcolor")
			});
			//按下回车键事件
			$("#search_1").keydown(function() {
				if(event.keyCode == "13") {
					search1();
				};
			});

			//舆情搜索事件
			function search1() {
				var searchText = jQuery.trim($("#search_1").val());
				var data = JSON.stringify({
					'type': 3,
					'searchword': $.trim($('#search_1').val()),
					'pageNum': 1,
					'pageSize': 10,
				});
				$.ajax({
					type: "post",
					url: base+'sensation/getSensation',
					dataType: 'json',
					contentType: "application/json ",
					data: data,
					success: function(data) {
						if(data.code == 0) {
							if($(".search-input ul li").eq(0).hasClass("bgcolor")) {
								window.location.href = encodeURI("public.html?searchText=" + searchText);
							} else if($(".search-input ul li").eq(1).hasClass("bgcolor")) {
								window.location.href = encodeURI("company.html?searchText=" + searchText);
							} else {
								window.location.href = encodeURI("product.html?searchText=" + searchText);
							};
						}
					}
				});
			};

			//大家都在搜
			function getSearchWord() {
				$.ajax({
					type: "get",
					url: base+'sensation/getSearchWord',
					dataType: 'json',
					contentType: "application/json",
					success: function(data) {
						var list = "";
						if(data.code == 0) {
							var data = data.data;
							for(var i = 0; i < data.length; i++) {
								list += "<li>" + data[i].ss_wordname + "</li>";
							};
							$(".search-list ul li").eq(0).after(list);
							$(".search-list ul li").not("#searchkey").click(function() {
								var searchword = $(this).text();
								window.location.href = "public.html?searchText=" + searchword;
							})
						}
					}
				});
			}
		</script>
	</body>
</html>